/* <div id="captcha1">
    <div id="text">
        行为验证™ 安全组件加载中
    </div>
    <div class="wait show">
        <div class="loading">
            <div class="loading-dot"></div>
            <div class="loading-dot"></div>
            <div class="loading-dot"></div> 
            <div class="loading-dot"></div>
        </div>
    </div>
</div> */

// $('#btn2').click(function(){
//     if (!captchaObj.getValidate()) {
//         return alert('请完成验证');
//     }
//    alert('通过验证2')
// })

function jkCaptchaFn(el,callback,width='300px'){
    var handler = function (captchaObj) {
        captchaObj.appendTo(el);
        captchaObj.onReady(function () {
            $(el).find('.wait').hide();
        });
        callback(captchaObj)
        // $('#btn').click(function () {
        //     var result = captchaObj.getValidate();
        //     if (!result) {
        //         return alert('请完成验证');
        //     }
        //    alert('通过验证')
        // })
        // 更多接口说明请参见：http://docs.geetest.com/install/client/web-front/
        window.gt = captchaObj;
    };


    $.ajax({
        url: "https://www.geetest.com/demo/gt/register-slide?t=" + (new Date()).getTime(), // 加随机数防止缓存
        type: "get",
        dataType: "json",
        success: function (data) {

            $(el).find('.text').hide();
            $(el).find('.wait').show();
            // 调用 initGeetest 进行初始化
            // 参数1：配置参数
            // 参数2：回调，回调的第一个参数验证码对象，之后可以使用它调用相应的接口
            initGeetest({
                // 以下 4 个配置参数为必须，不能缺少
                gt: data.gt,
                challenge: data.challenge,
                offline: !data.success, // 表示用户后台检测极验服务器是否宕机
                new_captcha: data.new_captcha, // 用于宕机时表示是新验证码的宕机

                product: "popup", // 产品形式，包括：float，popup
                width: width,
                https: true

                // 更多配置参数说明请参见：http://docs.geetest.com/install/client/web-front/
            }, handler);
        }
    });
}